<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link href="layui/css/layui.css" rel="stylesheet" />
	</head>
	<body>
		
			 <i class="layui-icon layui-icon-upload" id="test1">选择图片</i>
		
		<button type="button" class="layui-btn" id="test2">
			<i class="layui-icon">&#xe67c;</i>上传图片
		</button>
	</body>
</html>
<script src="layui/layui.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
	layui.use(['upload'], function() {
		var upload = layui.upload;

		//指定允许上传时校验的文件类型，可选值有：images（图片）、file（所有文件）、video（视频）、audio（音频）
		//size:单位KB
		//multiple:true/false是否多文件
		//执行实例
		var uploadInst = upload.render({
				elem: '#test1', //绑定元素用于打开上传的文件
				url: '' ,//上传接口
				auto:false,
				bindAction:"#test2",//绑定提交上传的按钮
				accept: "images",
				acceptMime: "image/*",
				size: 50,
				before: function(obj){ //obj参数包含的信息，跟 choose回调完全一致，可参见上文。
				    layer.load(); //上传loading
				  },
				done: function(res) {
					 layer.closeAll('loading'); //关闭loading
					//上传完毕回调
					//如果需要返回图片信息，json是这样
				/*	{
					"code": 0,
					"msg": "",
					"data": {
						"src": "http://cdn.layui.com/123.jpg"
						}
					}
				*/
				}, 
			error: function() {
				 layer.closeAll('loading'); //关闭loading
				//请求异常回调
			}
		});
	});
</script>
